<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>教师节</title>
<meta name="Generator" content="EditPlus" />
<meta name="Keywords" content="Google Maps address" />
<meta name="Description" content="add addresses to your Google Maps" />
<style type="text/css" media="screen">
<!--
html,body{margin:0;font:12px/1.4em arial;color: #666;}
#wrap{position: relative;width:100%;margin:0;}
#map{width:600px;height:500px;margin:0 auto;}
#over{position: absolute; top:0px;right:0;z-index:999;padding:5px;width:200px;max-height:480px;overflow:auto;*height:480px;}
-->
</style>
<script type="text/javascript" src="http://ditu.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAACZoLVN79WT2mXp8M7Dsi-hSVbq8cAqMDJReYWuWY3FAJPhxoRBTRhRCgpQhnPbuLwfaAbgqLte5Baw" ></script>
<script type="text/javascript" src="js/ruler.js"></script>
<script type="text/javascript">
//<![CDATA[

GEvent.addDomListener(window, "load", Map);
GEvent.addDomListener(window, "unload", GUnload);


function Map(){
  if (GBrowserIsCompatible()) {
    var map  = new GMap2(document.getElementById("map")),
	    point = new GLatLng(39.908173, 116.397947),
		ic = new GIcon();
		ic.image = "910.png";
		ic.shadow = "";
		ic.iconSize = new GSize(243, 341);
		ic.shadowSize = new GSize(0, 0);
		ic.iconAnchor = new GPoint(130, 180);
		ic.infoWindowAnchor = new GPoint(0, 0);
	var marker = new GMarker(point,{icon:ic});
	var t = getPar("name") || "亲爱的老师";
    map.setCenter(point, 15);
	map.addOverlay(marker);
	map.addControl(new GOverviewMapControl());
	map.addControl(new GScaleControl());
	map.enableScrollWheelZoom();
	map.enableContinuousZoom();
	map.enableDoubleClickZoom();
	map.setMapType(G_SATELLITE_MAP);
	nl = new tooltip(point,t);
	map.addOverlay(nl);
  }
}

function getPar(name){
  var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i");
  if (reg.test(location.href)){
    return unescape(RegExp.$2.replace(/\+/g, " "));
  }
}
//marker pop up
function tooltip(point,Htm) {
  this.point_ = point;
  this.Htm_ = Htm;
}
tooltip.prototype = new GOverlay();

tooltip.prototype.initialize = function(m) {
  var div = document.createElement("div");
  div.style.position = "absolute";
  div.innerHTML = this.Htm_
  m.getPane(G_MAP_FLOAT_SHADOW_PANE).appendChild(div);
  this.map_ = m;
  this.div_ = div;
}

tooltip.prototype.remove = function() {
  this.div_.parentNode.removeChild(this.div_);
}

tooltip.prototype.copy = function() {
  return new tooltip(this.point_,this.Htm_);
}

tooltip.prototype.redraw = function(force) {
  if (!force) return;
  var c1 = this.map_.fromLatLngToDivPixel(this.point_);
  this.div_.style.width = "11px";
  this.div_.style.color = "#fff";
  this.div_.style.left = c1.x-15+"px";
  this.div_.style.top = c1.y+"px";
}
//]]>
</script>
</head>
<body>
<div id="wrap">
	<div id="map"></div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-5029727-1");
pageTracker._trackPageview();
</script>
</body>
</html>